<style lang="stylus" scoped>
  .gtb-layer
    width: 90%;
    border-radius: 1rem;
    box-shadow: 0.3rem 0.4rem 1rem rgba(0,0,0,.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    font-size: 0;
    border: .2rem solid #eecf7a;
    background-color: #000;
    box-sizing: border-box;
    margin-top 30%;
    margin-left 50%
    transform translateX(-50%)
    .gtb-layer-top
      position: relative;
      font-size: 0;
      height: 4rem;
      .gtb-layer-close
        position: absolute;
        z-index: 101;
        border-radius: 100rem;
        right: .7rem;
        top: .7rem;
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        box-shadow: 0.15rem 0.2rem 0.5rem rgba(40,50,100,.7);
        img 
          width 100%
          height 100%
      .gtb-layer-title
        padding-bottom: .5rem;
        text-align: center;
        width: 100%;
        line-height: 4rem;
        font-size: 1.4rem;
        color: #fff;
        text-shadow: 0.1rem 0.2rem 0.4rem rgba(40,50,100,.7);
    .gtb-layer-content
      min-height: 4rem;
      height: auto;
      color: white;
      padding: 0 1.5rem;
      .userInfo
        padding: 0 1.5rem;
        box-sizing: border-box;
      .userInfoAvatar
        display: block;
        margin: 0 auto;
        width: 5.4rem;
        height: 5.4rem;
        border-radius: 8rem;
        overflow: hidden;
        box-sizing: border-box;
        border: .2rem solid #e99e35;
        img
          width: 100%;
          height: 100%;
      .userName
        font-size: 1.4rem;
        color: #fff;
        text-align: center;
      h6
        font-size: 1.2rem;
        color: #fff;
        text-align: left;
        box-sizing: border-box;
        word-break: break-all;
      .userPayNum
        display: flex;
        padding-bottom: .5rem;
        border-bottom: .1rem solid #eecf7a;
      .layerQrcode
        margin-top: 1rem!important;
        width: 15rem;
        margin: 0 auto;
        padding: .5rem;
        border-radius: .4rem;
        background-color: #fff;
        box-sizing: border-box;
        font-size: 0;
      .btnCopied
        box-sizing: border-box;
        position: relative;
        display: inline-block;
        min-width: 8rem;
        height: 2.8rem;
        line-height: 2.7rem;
        text-align: center;
        text-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.4);
        box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,.4);
        background: linear-gradient(to bottom,#eecf7a,#9b7514 100%);
        font-weight: bold;
        font-size: 1.2rem;
        color: #fff;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-top: .1rem solid rgba(255,255,255,.7);
        border-radius: 4rem;
        width: 97%;
        margin-top: 1.5rem;
      .title
        font-size: 1.4rem;
        color: white;
        text-align: center;
        margin-bottom: 1rem;
      .userInfo-content
        p
          display: flex;
          align-items: center;
          span 
            display block
            font-size: 1.2rem;
            color: #fff;
            text-align: center;
            margin: .25rem 0;
            &:nth-of-type(odd)
              width 7rem
            &:nth-of-type(even)
              flex 1
              text-align left
              word-break:break-all
    .gtb-layer-bottom
      height: 1.5rem;
      font-size: 0;
</style>

<template>
    <div class="gtb-layer" >
      <div class="gtb-layer-top">
        <a class="gtb-layer-close" @click="this.$parent.rechargebtn">
          <img src="../assets/close.png">
        </a>
        <h3 class="gtb-layer-title"></h3>
      </div>
      <div class="gtb-layer-content">
        <div class="userInfo" v-if="id===0">
          <span class="userInfoAvatar"><img src="../assets/avatar-001.png"></span>
          <h2 class="userName">1353880213@qq.com</h2>
          <h6>0x77f47c06d212dbbd6c97d509b26f86ef53747f60</h6>
          <label id="payNum" class="userPayNum"></label>
          <div class="layerQrcode">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="170px" height="170px" viewBox="0 0 170 170"><defs><rect id="r0" width="5" height="5" fill="#000000"></rect></defs><rect x="0" y="0" width="170" height="170" fill="#fefefe"></rect><use x="12" y="12" xlink:href="#r0"></use><use x="17" y="12" xlink:href="#r0"></use><use x="22" y="12" xlink:href="#r0"></use><use x="27" y="12" xlink:href="#r0"></use><use x="32" y="12" xlink:href="#r0"></use><use x="37" y="12" xlink:href="#r0"></use><use x="42" y="12" xlink:href="#r0"></use><use x="62" y="12" xlink:href="#r0"></use><use x="72" y="12" xlink:href="#r0"></use><use x="82" y="12" xlink:href="#r0"></use><use x="102" y="12" xlink:href="#r0"></use><use x="107" y="12" xlink:href="#r0"></use><use x="112" y="12" xlink:href="#r0"></use><use x="122" y="12" xlink:href="#r0"></use><use x="127" y="12" xlink:href="#r0"></use><use x="132" y="12" xlink:href="#r0"></use><use x="137" y="12" xlink:href="#r0"></use><use x="142" y="12" xlink:href="#r0"></use><use x="147" y="12" xlink:href="#r0"></use><use x="152" y="12" xlink:href="#r0"></use><use x="12" y="17" xlink:href="#r0"></use><use x="42" y="17" xlink:href="#r0"></use><use x="52" y="17" xlink:href="#r0"></use><use x="62" y="17" xlink:href="#r0"></use><use x="77" y="17" xlink:href="#r0"></use><use x="82" y="17" xlink:href="#r0"></use><use x="87" y="17" xlink:href="#r0"></use><use x="92" y="17" xlink:href="#r0"></use><use x="112" y="17" xlink:href="#r0"></use><use x="122" y="17" xlink:href="#r0"></use><use x="152" y="17" xlink:href="#r0"></use><use x="12" y="22" xlink:href="#r0"></use><use x="22" y="22" xlink:href="#r0"></use><use x="27" y="22" xlink:href="#r0"></use><use x="32" y="22" xlink:href="#r0"></use><use x="42" y="22" xlink:href="#r0"></use><use x="72" y="22" xlink:href="#r0"></use><use x="82" y="22" xlink:href="#r0"></use><use x="102" y="22" xlink:href="#r0"></use><use x="107" y="22" xlink:href="#r0"></use><use x="112" y="22" xlink:href="#r0"></use><use x="122" y="22" xlink:href="#r0"></use><use x="132" y="22" xlink:href="#r0"></use><use x="137" y="22" xlink:href="#r0"></use><use x="142" y="22" xlink:href="#r0"></use><use x="152" y="22" xlink:href="#r0"></use><use x="12" y="27" xlink:href="#r0"></use><use x="22" y="27" xlink:href="#r0"></use><use x="27" y="27" xlink:href="#r0"></use><use x="32" y="27" xlink:href="#r0"></use><use x="42" y="27" xlink:href="#r0"></use><use x="52" y="27" xlink:href="#r0"></use><use x="57" y="27" xlink:href="#r0"></use><use x="62" y="27" xlink:href="#r0"></use><use x="72" y="27" xlink:href="#r0"></use><use x="77" y="27" xlink:href="#r0"></use><use x="87" y="27" xlink:href="#r0"></use><use x="92" y="27" xlink:href="#r0"></use><use x="97" y="27" xlink:href="#r0"></use><use x="102" y="27" xlink:href="#r0"></use><use x="112" y="27" xlink:href="#r0"></use><use x="122" y="27" xlink:href="#r0"></use><use x="132" y="27" xlink:href="#r0"></use><use x="137" y="27" xlink:href="#r0"></use><use x="142" y="27" xlink:href="#r0"></use><use x="152" y="27" xlink:href="#r0"></use><use x="12" y="32" xlink:href="#r0"></use><use x="22" y="32" xlink:href="#r0"></use><use x="27" y="32" xlink:href="#r0"></use><use x="32" y="32" xlink:href="#r0"></use><use x="42" y="32" xlink:href="#r0"></use><use x="57" y="32" xlink:href="#r0"></use><use x="82" y="32" xlink:href="#r0"></use><use x="107" y="32" xlink:href="#r0"></use><use x="122" y="32" xlink:href="#r0"></use><use x="132" y="32" xlink:href="#r0"></use><use x="137" y="32" xlink:href="#r0"></use><use x="142" y="32" xlink:href="#r0"></use><use x="152" y="32" xlink:href="#r0"></use><use x="12" y="37" xlink:href="#r0"></use><use x="42" y="37" xlink:href="#r0"></use><use x="52" y="37" xlink:href="#r0"></use><use x="57" y="37" xlink:href="#r0"></use><use x="67" y="37" xlink:href="#r0"></use><use x="72" y="37" xlink:href="#r0"></use><use x="82" y="37" xlink:href="#r0"></use><use x="87" y="37" xlink:href="#r0"></use><use x="92" y="37" xlink:href="#r0"></use><use x="112" y="37" xlink:href="#r0"></use><use x="122" y="37" xlink:href="#r0"></use><use x="152" y="37" xlink:href="#r0"></use><use x="12" y="42" xlink:href="#r0"></use><use x="17" y="42" xlink:href="#r0"></use><use x="22" y="42" xlink:href="#r0"></use><use x="27" y="42" xlink:href="#r0"></use><use x="32" y="42" xlink:href="#r0"></use><use x="37" y="42" xlink:href="#r0"></use><use x="42" y="42" xlink:href="#r0"></use><use x="52" y="42" xlink:href="#r0"></use><use x="62" y="42" xlink:href="#r0"></use><use x="72" y="42" xlink:href="#r0"></use><use x="82" y="42" xlink:href="#r0"></use><use x="92" y="42" xlink:href="#r0"></use><use x="102" y="42" xlink:href="#r0"></use><use x="112" y="42" xlink:href="#r0"></use><use x="122" y="42" xlink:href="#r0"></use><use x="127" y="42" xlink:href="#r0"></use><use x="132" y="42" xlink:href="#r0"></use><use x="137" y="42" xlink:href="#r0"></use><use x="142" y="42" xlink:href="#r0"></use><use x="147" y="42" xlink:href="#r0"></use><use x="152" y="42" xlink:href="#r0"></use><use x="57" y="47" xlink:href="#r0"></use><use x="62" y="47" xlink:href="#r0"></use><use x="67" y="47" xlink:href="#r0"></use><use x="87" y="47" xlink:href="#r0"></use><use x="92" y="47" xlink:href="#r0"></use><use x="12" y="52" xlink:href="#r0"></use><use x="17" y="52" xlink:href="#r0"></use><use x="22" y="52" xlink:href="#r0"></use><use x="27" y="52" xlink:href="#r0"></use><use x="32" y="52" xlink:href="#r0"></use><use x="42" y="52" xlink:href="#r0"></use><use x="47" y="52" xlink:href="#r0"></use><use x="52" y="52" xlink:href="#r0"></use><use x="57" y="52" xlink:href="#r0"></use><use x="67" y="52" xlink:href="#r0"></use><use x="77" y="52" xlink:href="#r0"></use><use x="87" y="52" xlink:href="#r0"></use><use x="92" y="52" xlink:href="#r0"></use><use x="97" y="52" xlink:href="#r0"></use><use x="102" y="52" xlink:href="#r0"></use><use x="107" y="52" xlink:href="#r0"></use><use x="112" y="52" xlink:href="#r0"></use><use x="117" y="52" xlink:href="#r0"></use><use x="127" y="52" xlink:href="#r0"></use><use x="137" y="52" xlink:href="#r0"></use><use x="147" y="52" xlink:href="#r0"></use><use x="32" y="57" xlink:href="#r0"></use><use x="47" y="57" xlink:href="#r0"></use><use x="62" y="57" xlink:href="#r0"></use><use x="72" y="57" xlink:href="#r0"></use><use x="82" y="57" xlink:href="#r0"></use><use x="107" y="57" xlink:href="#r0"></use><use x="122" y="57" xlink:href="#r0"></use><use x="132" y="57" xlink:href="#r0"></use><use x="137" y="57" xlink:href="#r0"></use><use x="152" y="57" xlink:href="#r0"></use><use x="17" y="62" xlink:href="#r0"></use><use x="27" y="62" xlink:href="#r0"></use><use x="37" y="62" xlink:href="#r0"></use><use x="42" y="62" xlink:href="#r0"></use><use x="47" y="62" xlink:href="#r0"></use><use x="62" y="62" xlink:href="#r0"></use><use x="77" y="62" xlink:href="#r0"></use><use x="82" y="62" xlink:href="#r0"></use><use x="87" y="62" xlink:href="#r0"></use><use x="102" y="62" xlink:href="#r0"></use><use x="112" y="62" xlink:href="#r0"></use><use x="117" y="62" xlink:href="#r0"></use><use x="137" y="62" xlink:href="#r0"></use><use x="142" y="62" xlink:href="#r0"></use><use x="147" y="62" xlink:href="#r0"></use><use x="12" y="67" xlink:href="#r0"></use><use x="17" y="67" xlink:href="#r0"></use><use x="22" y="67" xlink:href="#r0"></use><use x="27" y="67" xlink:href="#r0"></use><use x="37" y="67" xlink:href="#r0"></use><use x="52" y="67" xlink:href="#r0"></use><use x="72" y="67" xlink:href="#r0"></use><use x="82" y="67" xlink:href="#r0"></use><use x="92" y="67" xlink:href="#r0"></use><use x="102" y="67" xlink:href="#r0"></use><use x="107" y="67" xlink:href="#r0"></use><use x="132" y="67" xlink:href="#r0"></use><use x="137" y="67" xlink:href="#r0"></use><use x="152" y="67" xlink:href="#r0"></use><use x="12" y="72" xlink:href="#r0"></use><use x="17" y="72" xlink:href="#r0"></use><use x="22" y="72" xlink:href="#r0"></use><use x="42" y="72" xlink:href="#r0"></use><use x="57" y="72" xlink:href="#r0"></use><use x="62" y="72" xlink:href="#r0"></use><use x="72" y="72" xlink:href="#r0"></use><use x="77" y="72" xlink:href="#r0"></use><use x="82" y="72" xlink:href="#r0"></use><use x="87" y="72" xlink:href="#r0"></use><use x="97" y="72" xlink:href="#r0"></use><use x="102" y="72" xlink:href="#r0"></use><use x="117" y="72" xlink:href="#r0"></use><use x="127" y="72" xlink:href="#r0"></use><use x="142" y="72" xlink:href="#r0"></use><use x="17" y="77" xlink:href="#r0"></use><use x="22" y="77" xlink:href="#r0"></use><use x="27" y="77" xlink:href="#r0"></use><use x="32" y="77" xlink:href="#r0"></use><use x="47" y="77" xlink:href="#r0"></use><use x="92" y="77" xlink:href="#r0"></use><use x="97" y="77" xlink:href="#r0"></use><use x="107" y="77" xlink:href="#r0"></use><use x="112" y="77" xlink:href="#r0"></use><use x="122" y="77" xlink:href="#r0"></use><use x="132" y="77" xlink:href="#r0"></use><use x="137" y="77" xlink:href="#r0"></use><use x="152" y="77" xlink:href="#r0"></use><use x="12" y="82" xlink:href="#r0"></use><use x="32" y="82" xlink:href="#r0"></use><use x="37" y="82" xlink:href="#r0"></use><use x="42" y="82" xlink:href="#r0"></use><use x="47" y="82" xlink:href="#r0"></use><use x="57" y="82" xlink:href="#r0"></use><use x="67" y="82" xlink:href="#r0"></use><use x="72" y="82" xlink:href="#r0"></use><use x="77" y="82" xlink:href="#r0"></use><use x="82" y="82" xlink:href="#r0"></use><use x="87" y="82" xlink:href="#r0"></use><use x="92" y="82" xlink:href="#r0"></use><use x="102" y="82" xlink:href="#r0"></use><use x="117" y="82" xlink:href="#r0"></use><use x="132" y="82" xlink:href="#r0"></use><use x="142" y="82" xlink:href="#r0"></use><use x="147" y="82" xlink:href="#r0"></use><use x="17" y="87" xlink:href="#r0"></use><use x="27" y="87" xlink:href="#r0"></use><use x="37" y="87" xlink:href="#r0"></use><use x="57" y="87" xlink:href="#r0"></use><use x="67" y="87" xlink:href="#r0"></use><use x="87" y="87" xlink:href="#r0"></use><use x="92" y="87" xlink:href="#r0"></use><use x="107" y="87" xlink:href="#r0"></use><use x="112" y="87" xlink:href="#r0"></use><use x="117" y="87" xlink:href="#r0"></use><use x="122" y="87" xlink:href="#r0"></use><use x="127" y="87" xlink:href="#r0"></use><use x="132" y="87" xlink:href="#r0"></use><use x="147" y="87" xlink:href="#r0"></use><use x="27" y="92" xlink:href="#r0"></use><use x="32" y="92" xlink:href="#r0"></use><use x="37" y="92" xlink:href="#r0"></use><use x="42" y="92" xlink:href="#r0"></use><use x="47" y="92" xlink:href="#r0"></use><use x="52" y="92" xlink:href="#r0"></use><use x="57" y="92" xlink:href="#r0"></use><use x="67" y="92" xlink:href="#r0"></use><use x="77" y="92" xlink:href="#r0"></use><use x="87" y="92" xlink:href="#r0"></use><use x="97" y="92" xlink:href="#r0"></use><use x="112" y="92" xlink:href="#r0"></use><use x="137" y="92" xlink:href="#r0"></use><use x="142" y="92" xlink:href="#r0"></use><use x="147" y="92" xlink:href="#r0"></use><use x="152" y="92" xlink:href="#r0"></use><use x="12" y="97" xlink:href="#r0"></use><use x="17" y="97" xlink:href="#r0"></use><use x="22" y="97" xlink:href="#r0"></use><use x="32" y="97" xlink:href="#r0"></use><use x="37" y="97" xlink:href="#r0"></use><use x="47" y="97" xlink:href="#r0"></use><use x="52" y="97" xlink:href="#r0"></use><use x="62" y="97" xlink:href="#r0"></use><use x="72" y="97" xlink:href="#r0"></use><use x="82" y="97" xlink:href="#r0"></use><use x="92" y="97" xlink:href="#r0"></use><use x="102" y="97" xlink:href="#r0"></use><use x="107" y="97" xlink:href="#r0"></use><use x="117" y="97" xlink:href="#r0"></use><use x="122" y="97" xlink:href="#r0"></use><use x="127" y="97" xlink:href="#r0"></use><use x="132" y="97" xlink:href="#r0"></use><use x="137" y="97" xlink:href="#r0"></use><use x="152" y="97" xlink:href="#r0"></use><use x="12" y="102" xlink:href="#r0"></use><use x="22" y="102" xlink:href="#r0"></use><use x="27" y="102" xlink:href="#r0"></use><use x="42" y="102" xlink:href="#r0"></use><use x="77" y="102" xlink:href="#r0"></use><use x="82" y="102" xlink:href="#r0"></use><use x="87" y="102" xlink:href="#r0"></use><use x="97" y="102" xlink:href="#r0"></use><use x="102" y="102" xlink:href="#r0"></use><use x="12" y="107" xlink:href="#r0"></use><use x="27" y="107" xlink:href="#r0"></use><use x="32" y="107" xlink:href="#r0"></use><use x="62" y="107" xlink:href="#r0"></use><use x="72" y="107" xlink:href="#r0"></use><use x="92" y="107" xlink:href="#r0"></use><use x="102" y="107" xlink:href="#r0"></use><use x="112" y="107" xlink:href="#r0"></use><use x="117" y="107" xlink:href="#r0"></use><use x="127" y="107" xlink:href="#r0"></use><use x="132" y="107" xlink:href="#r0"></use><use x="147" y="107" xlink:href="#r0"></use><use x="12" y="112" xlink:href="#r0"></use><use x="22" y="112" xlink:href="#r0"></use><use x="27" y="112" xlink:href="#r0"></use><use x="32" y="112" xlink:href="#r0"></use><use x="37" y="112" xlink:href="#r0"></use><use x="42" y="112" xlink:href="#r0"></use><use x="47" y="112" xlink:href="#r0"></use><use x="52" y="112" xlink:href="#r0"></use><use x="62" y="112" xlink:href="#r0"></use><use x="72" y="112" xlink:href="#r0"></use><use x="77" y="112" xlink:href="#r0"></use><use x="87" y="112" xlink:href="#r0"></use><use x="92" y="112" xlink:href="#r0"></use><use x="97" y="112" xlink:href="#r0"></use><use x="102" y="112" xlink:href="#r0"></use><use x="112" y="112" xlink:href="#r0"></use><use x="117" y="112" xlink:href="#r0"></use><use x="122" y="112" xlink:href="#r0"></use><use x="127" y="112" xlink:href="#r0"></use><use x="132" y="112" xlink:href="#r0"></use><use x="137" y="112" xlink:href="#r0"></use><use x="142" y="112" xlink:href="#r0"></use><use x="147" y="112" xlink:href="#r0"></use><use x="52" y="117" xlink:href="#r0"></use><use x="57" y="117" xlink:href="#r0"></use><use x="62" y="117" xlink:href="#r0"></use><use x="82" y="117" xlink:href="#r0"></use><use x="112" y="117" xlink:href="#r0"></use><use x="132" y="117" xlink:href="#r0"></use><use x="137" y="117" xlink:href="#r0"></use><use x="152" y="117" xlink:href="#r0"></use><use x="12" y="122" xlink:href="#r0"></use><use x="17" y="122" xlink:href="#r0"></use><use x="22" y="122" xlink:href="#r0"></use><use x="27" y="122" xlink:href="#r0"></use><use x="32" y="122" xlink:href="#r0"></use><use x="37" y="122" xlink:href="#r0"></use><use x="42" y="122" xlink:href="#r0"></use><use x="52" y="122" xlink:href="#r0"></use><use x="57" y="122" xlink:href="#r0"></use><use x="67" y="122" xlink:href="#r0"></use><use x="72" y="122" xlink:href="#r0"></use><use x="87" y="122" xlink:href="#r0"></use><use x="97" y="122" xlink:href="#r0"></use><use x="102" y="122" xlink:href="#r0"></use><use x="107" y="122" xlink:href="#r0"></use><use x="112" y="122" xlink:href="#r0"></use><use x="122" y="122" xlink:href="#r0"></use><use x="132" y="122" xlink:href="#r0"></use><use x="137" y="122" xlink:href="#r0"></use><use x="142" y="122" xlink:href="#r0"></use><use x="147" y="122" xlink:href="#r0"></use><use x="12" y="127" xlink:href="#r0"></use><use x="42" y="127" xlink:href="#r0"></use><use x="62" y="127" xlink:href="#r0"></use><use x="67" y="127" xlink:href="#r0"></use><use x="87" y="127" xlink:href="#r0"></use><use x="102" y="127" xlink:href="#r0"></use><use x="107" y="127" xlink:href="#r0"></use><use x="112" y="127" xlink:href="#r0"></use><use x="132" y="127" xlink:href="#r0"></use><use x="137" y="127" xlink:href="#r0"></use><use x="147" y="127" xlink:href="#r0"></use><use x="152" y="127" xlink:href="#r0"></use><use x="12" y="132" xlink:href="#r0"></use><use x="22" y="132" xlink:href="#r0"></use><use x="27" y="132" xlink:href="#r0"></use><use x="32" y="132" xlink:href="#r0"></use><use x="42" y="132" xlink:href="#r0"></use><use x="52" y="132" xlink:href="#r0"></use><use x="62" y="132" xlink:href="#r0"></use><use x="67" y="132" xlink:href="#r0"></use><use x="92" y="132" xlink:href="#r0"></use><use x="97" y="132" xlink:href="#r0"></use><use x="102" y="132" xlink:href="#r0"></use><use x="112" y="132" xlink:href="#r0"></use><use x="117" y="132" xlink:href="#r0"></use><use x="122" y="132" xlink:href="#r0"></use><use x="127" y="132" xlink:href="#r0"></use><use x="132" y="132" xlink:href="#r0"></use><use x="142" y="132" xlink:href="#r0"></use><use x="147" y="132" xlink:href="#r0"></use><use x="152" y="132" xlink:href="#r0"></use><use x="12" y="137" xlink:href="#r0"></use><use x="22" y="137" xlink:href="#r0"></use><use x="27" y="137" xlink:href="#r0"></use><use x="32" y="137" xlink:href="#r0"></use><use x="42" y="137" xlink:href="#r0"></use><use x="52" y="137" xlink:href="#r0"></use><use x="57" y="137" xlink:href="#r0"></use><use x="62" y="137" xlink:href="#r0"></use><use x="72" y="137" xlink:href="#r0"></use><use x="77" y="137" xlink:href="#r0"></use><use x="112" y="137" xlink:href="#r0"></use><use x="127" y="137" xlink:href="#r0"></use><use x="147" y="137" xlink:href="#r0"></use><use x="152" y="137" xlink:href="#r0"></use><use x="12" y="142" xlink:href="#r0"></use><use x="22" y="142" xlink:href="#r0"></use><use x="27" y="142" xlink:href="#r0"></use><use x="32" y="142" xlink:href="#r0"></use><use x="42" y="142" xlink:href="#r0"></use><use x="52" y="142" xlink:href="#r0"></use><use x="62" y="142" xlink:href="#r0"></use><use x="77" y="142" xlink:href="#r0"></use><use x="82" y="142" xlink:href="#r0"></use><use x="87" y="142" xlink:href="#r0"></use><use x="97" y="142" xlink:href="#r0"></use><use x="117" y="142" xlink:href="#r0"></use><use x="122" y="142" xlink:href="#r0"></use><use x="132" y="142" xlink:href="#r0"></use><use x="137" y="142" xlink:href="#r0"></use><use x="142" y="142" xlink:href="#r0"></use><use x="147" y="142" xlink:href="#r0"></use><use x="12" y="147" xlink:href="#r0"></use><use x="42" y="147" xlink:href="#r0"></use><use x="52" y="147" xlink:href="#r0"></use><use x="62" y="147" xlink:href="#r0"></use><use x="72" y="147" xlink:href="#r0"></use><use x="77" y="147" xlink:href="#r0"></use><use x="92" y="147" xlink:href="#r0"></use><use x="102" y="147" xlink:href="#r0"></use><use x="112" y="147" xlink:href="#r0"></use><use x="117" y="147" xlink:href="#r0"></use><use x="132" y="147" xlink:href="#r0"></use><use x="147" y="147" xlink:href="#r0"></use><use x="12" y="152" xlink:href="#r0"></use><use x="17" y="152" xlink:href="#r0"></use><use x="22" y="152" xlink:href="#r0"></use><use x="27" y="152" xlink:href="#r0"></use><use x="32" y="152" xlink:href="#r0"></use><use x="37" y="152" xlink:href="#r0"></use><use x="42" y="152" xlink:href="#r0"></use><use x="52" y="152" xlink:href="#r0"></use><use x="62" y="152" xlink:href="#r0"></use><use x="72" y="152" xlink:href="#r0"></use><use x="82" y="152" xlink:href="#r0"></use><use x="87" y="152" xlink:href="#r0"></use><use x="97" y="152" xlink:href="#r0"></use><use x="107" y="152" xlink:href="#r0"></use><use x="117" y="152" xlink:href="#r0"></use><use x="122" y="152" xlink:href="#r0"></use><use x="132" y="152" xlink:href="#r0"></use><use x="137" y="152" xlink:href="#r0"></use><use x="142" y="152" xlink:href="#r0"></use></svg>
          </div>
          <a class="btnCopied" data-clipboard-text="0x77f47c06d212dbbd6c97d509b26f86ef53747f60">复制支付地址</a>
        </div>
        <div class="userInfo" v-else>
          <div class="title">充值请联系</div>
          <div class="userInfo-content">
            <p><span>微信：</span><span>19946987935</span></p>
            <p><span>Telegram：</span><span>https://t.me/joinchat/KBGOgg_7EKoKHVNLSC-sQQ</span></p>
          </div>
          <em>邀请用户获得GTBC</em>
          <a class="btnCopied btn" @click="change">邀请注册</a>
        </div>
      </div>
      <div class="gtb-layer-bottom"></div>
    </div>
</template>

<script>
export default {
  props:{
    id:{
      type:Number
    }
  },
  methods:{
    change(){
      this.$router.push("/invitation")
    }
  }
};
</script>
